@charset "utf-8";
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
list-style: none;
outline: none;
text-decoration: none;
vertical-align: middle;
font-family: Arial, Roboto, Noto Sans S Chinese, "Droid Sans", "Droid Sans Fallback";
}

html {
font-size: 70% !important;
}

html, body, .expIcon, .guideTitCon, .guideTitCon>span, .share>span>a, .a_content,
.help li, .price, .guideContent
{
position: relative;
}
html, body {
height: 100%;
}

body {
background-color: #F8F8F8;
}

.listImg img, .guideImg, .guideImg img, .help li a
{
width: 100%;
}

.pt20 {
padding-top: .83333333rem;
}
.bg_f, .guideFooter, .help, .swiper-slide {
background-color: #fff;
}

.p20 {
padding: .83333333rem;
}
.p30 {
padding: 1.25rem;
}
.p32 {
padding: 1.33333333rem;
}
.ta_l {
text-align: left;
}

.listContent, .explainTabContent, .explainTable, .explainTabContent dt span, .explainTabContent dd span,
.share>span
{
text-align: center;
}

.listImg, .explainTabContent, .explainTable, .expIcon, .guideFooter div a, .guideFooter>div,
.guideContent>a, .guideContent>a>img, .help li a
{
display: inline-block;
}
.tac, .buyNow {
text-align: center;
}
.ptb20 {
padding-top: .83333333rem;
padding-bottom: .83333333rem;
}


.guideTitCon, .listTitle, .artBg, .help li a, .guideContent>a
{
color: #333;
}





/* ============================== 如何主题拼团 start ============================== */
.wrapper {
padding: .83333333rem 0 0;
}
.list {
padding: .83333333rem .83333333rem 0;
}
.listTitle {
font-size: 1.08375rem;
}
.listImg {
width: 16.91666667rem;
height: 34.25rem;
}
.listContent {
margin-top: .83333333rem;
}
.swiper-slide .list:last-child {
margin-bottom: 2.5rem;
}
/* ============================== 如何主题拼团 end ============================== */

/* 等级、返利说明的表格 */

.explainTabContent dt span, .explainTabContent dd span {
border-right: 1px solid #F0F0F0;
float: left;
border-bottom: 1px solid #F0F0F0;
display: inline-block;
}
.explainTabContent dt span:first-child, .explainTabContent dd span:first-child {
border-left: 1px solid #F0F0F0;
}
.explainTabContent dt span {
border-top: 1px solid #F0F0F0;
background-color: #F0F0F0;
}
/* 等级、返利说明的表格 */

.rebate, .explainBtn {
font-size: .91666667rem;
text-align: justify;
}



/* ============================== 等级 start ============================== */
.gradeTable, .gradeContent {
width: 100%;
height: 22.5rem;
}
.gradeContent dt span, .gradeContent dd span {
width: 50%;
height: 3.75rem;
font-size: 1.25rem;
line-height: 3.75rem;
text-decoration: none !important;
}
.explainBtn {
margin-top: .625rem;
}
.expIcon {
width: 1.66666667rem;
height: 1.41666667rem;
top: -.041666667rem;
right: .416666666rem;
}
.icon_hg {
background: url(../images/hg.png) center no-repeat;
background-size: cover;
}
.icon_zz {
background: url(../images/zz.png) center no-repeat;
background-size: cover;
}
.icon_hz {
background: url(../images/hz.png) center no-repeat;
background-size: cover;
}
.icon_hj {
background: url(../images/hj.png) center no-repeat;
background-size: cover;
}
.icon_by {
background: url(../images/by.png) center no-repeat;
background-size: cover;
}
/* ============================== 等级 end ============================== */



/* ============================== 返利说明 start ============================== */
.rebateTable {
width: 100%;
}
.rebateContent dt>span, .rebateContent dd>span {
width: 10.75rem;
height: 2.125rem;
line-height: 2.125rem;
}
.rebateContent dd>span:last-child {
color: #FC79A6;
}

/* ============================== 返利说明 end ============================== */




/* ============================== 导购文章 start ============================== */
.guideTitCon {
font-size: 1.25rem;
margin-top: .833333rem;
margin-bottom: .25rem;
}

.guideContent>p {
font-weight: 500;
}
.guideContent p span {
padding-bottom: .16666667rem;
font-size: 1.08333333rem;
font-weight: 600;
vertical-align: baseline;
}
.guideTitCon, .guideTime, .guideContent>p {
padding-left: .83333333rem;
padding-right: .83333333rem;
}

.guideTitCon>span {
margin-left: .83333333rem;
margin-right: .83333333rem;
top: -.16666667rem;
}
.guideTime {
color: #999;
font-size: .75rem;
}

.guideContent {
margin-top: .41666667rem;
}
.introduction, .guideContent>p {
font-size: 1.08333333rem;
line-height: 1.91666667rem;
text-indent: 2.16666667rem;
text-align: justify;
text-justify: distribute-all-lines;
color: #333;
}
.guideContent>img, .guideContent>p, .guideContent>a {
width: 100%;
margin-top: .5rem;
}

.guideContent>p>img {
/*float: left;
margin-bottom: .5rem;
width: calc(100% + 1.66666667rem);
margin-left: -.83333333rem;*/
width: calc(100% + 1.66666667rem);
margin-left: -3rem;
position: relative;
}
.guideContent>p:last-child>img {
margin-bottom: 0;
}

.guideContent>a {
background-color: #f6f6f6;
position: relative;
height: 7.5rem;
font-size: 1rem;
}
.guideContent>a>img {
position: absolute;
left: 0;
width: 7.5rem;
height: 7.5rem;
}
.guideContent>a>.a_con {
padding-left: 8.33333333rem;
padding-right: .83333333rem;
}
.a_con_tit {
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
margin-top: .625rem;
}
.a_content {
position: absolute;
bottom: .83333333rem;
width: calc(100% - 9.16666667rem);
}
.buy-btn {
float: right;
color: #fe397e;
height: 1.66666667rem;
line-height: 1.66666667rem;
border-radius: .16666667rem;
border: 1px solid #fe397e;
padding: 0 .83333333rem;
}
.price {
color: #fe397e;
display: inline-block;
margin-top: .33333333rem;
}
.secrecy {
position: absolute;
border: 1px solid #fe397e;
padding: 0.625rem;
line-height: 1rem;
border-radius: 50%;
left: .5rem;
background-color: rgba(254,57,126, 1);
margin-top: -.5rem;
color: #fff;
}
.small {
margin-top: 8px !important;
}
.medium {
margin-top: 11px !important;
}
.large {
margin-top: 14px !important;
}
/* ============================== 导购文章 end ============================== */


/* ============================== 采辰简介 start ============================== */
.introduction {
padding: .83333333rem;
background-color: #fff;
}
.introduction>span {
vertical-align: top;
}
.introduction>span:first-child {
color: #FC3F7C;
font-size: 1.58333333rem;
}
/* ============================== 采辰简介 end ============================== */



/* ============================== 帮助 start ============================== */
.help li {
border-bottom: 1px solid #dedede;
}
.help li:last-child {
border-bottom: 0;
}
.help li a {
padding: 0 .83333333rem;
height: 3.66666667rem;
line-height: 3.66666667rem;
font-size: 1.25000000rem;
font-weight: 500;
}
.help li i {
width: 1.33333333rem;
position: absolute;
height: 1.33333333rem;
background: url(../images/r.png) center no-repeat;
background-size: cover;
right: .83333333rem;
top: 1.16666667rem;
}
.h_no {
opacity: .6;
}
/* ============================== 帮助 end ============================== */


/* ============================== 如何登录 start ============================== */
.loginHelp {
text-indent: 0;
font-size: .91666667rem;
}
.loginHelp p {
line-height: 1.5rem;
}
/* ============================== 如何登录 end ============================== */








